約 5,418,437 件
https://w.atwiki.jp/emeditor/pages/102.html
HTML整形 選択中のHTMLを整形するマクロです。 PerlScriptで動作します。 (jsee,vbeeなど、ほかの言語への移植歓迎します。) 2006.11.10 対応タグを大幅に増やしました。 #language="PerlScript" my $src = $Window- document- selection- Text; my ($indent) = $src =~ /^([ \t]+) /g; $indent =~ s/\t/ /g; $indent = ( length $indent ) / 2; $src =~ s/\x0D\x0A/\n/g; $src =~ tr/\x0D\x0A/\n\n/; my (@rep); map { $src =~ s/($_)/{push @rep, $1;"replaceEmMacro[$#rep]"}/eigs; } ( q{ SCRIPT.*? \/SCRIPT }, q{ PRE.*? \/PRE }, q{ STYLE.*? \/STYLE }, q{ EMBED.*? \/EMBED }, q{ TEXTAREA.*? \/TEXTAREA }, q{ \!\-\-.*?\-\- }, ); map { $src =~ s/[ \t]*( $_.*? )\s*/$1\n/gsi } ( \!DOCTYPE , HTML , HEAD , META , LINK , BODY , TABLE , TBODY , COL , TR , FORM , SELECT , BR , HR , CENTER , FRAMESET , FRAME , MAP , NOSCRIPT ); map { $src =~ s/[ \t]*( $_.*? )\s*/$1/gsi } ( TH , TD ); map { $src =~ s/[ \t]*( \/$_ )\s*/$1\n/gsi } ( HTML , HEAD , TITLE , BODY , TABLE , TBODY , TR , TH , TD , FORM , SELECT , OPTION , P , h\d , CENTER , DIV , FRAMESET , FRAME , MAP , UL , LI , NOSCRIPT ); map { $src =~ s/[ \t]*( $_.*? )/\n$1/gsi } ( TABLE , P , h\d , DIV , INPUT , FRAMESET , MAP , UL , LI ); $src =~ s/^[ \t]+//gm; $src =~ tr/\n//s; my $output; for my $line ( split( /\n/, $src ) ) { if ( $line =~ / (TABLE|TBODY|TR|FRAMESET|MAP|UL)/i ) { # $output .= " " x $indent; $indent++; } elsif ( $line =~ / \/(TABLE|TBODY|TR|FRAMESET|MAP|UL)/i ) { # $indent--; $output .= " " x $indent; } else { $output .= " " x $indent; } $output .= "$line\n"; } for my $i ( 0 .. $#rep ) { my $j = $#rep - $i; $output =~ s/replaceEmMacro\[$j\]/$rep[$j]/e; } $Window- document- Write($output); 名前 コメント
https://w.atwiki.jp/testlink/pages/58.html
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""DTD/xhtml1-transitional.dtd" !-- Japanese Translated by Testing Engineer s Forum (TEF) in Japan, Working Group of TestLink Japanese Translation Project -- html xmlns="http //www.w3.org/1999/xhtml" lang="jp" head meta http-equiv="Content-Type" content="text/html; charset=UTF-8" / meta http-equiv="Content-language" content="jp" / meta name="author" content="Martin Havlat" / meta name="copyright" content="GNU" / meta name="robots" content="NOFOLLOW" / title TestLink Instructions /title style media="all" type="text/css" @import "../../{$smarty.const.TL_THEME_CSS_DIR}testlink.css"; /style script type="text/javascript" src="../../javascript/testlink_library.js" /script /head body div class="workBack" h1 テストケースの編集とアーカイブ /h1 h2 目的 /h2 p span class="help" onclick="javascript open_popup( ./glosary.html#testspec );" テスト仕様 /span は、存在する span class="help" onclick="javascript open_popup( ./glosary.html#testproject );" Test project /span , テストスイート、 span class="help" onclick="javascript open_popup( ./glosary.html#testcase );" テストケース /span の情報を閲覧したり変更したりする場所です。異なるバージョンのテストケースを見ることもできます。 /p h2 やってみましょう!: /h2 ol li ナビゲーションシーンのテストプロジェクト名を選択します。 /li li 新しいテストスイートとテストケースを作成します。(テストプロジェクト右上端に在る、テストプロジェクトの選択で選ぶことができます。) /li li 左側に在るツリーをたどって、データを修正していきます。 /li li テストケースの準備ができているとき、 span class="help" onclick="javascript open_popup( ./glosary.html#testplan );" テスト計画 /span に作られた仕様を割り当てます /ol p TestLinkはテストケースをNレベルのテストスイートに作りこんでいきます。テストスイートの内容を記述することができます。この情報は、テストケースと一緒に印刷することもできます。 /p /div /body /html
https://w.atwiki.jp/api_programming/pages/104.html
下位ページ Content HTTP通信文字化けが起きた パラメータの出力 レスポンスの「確認」 basic 認証 HTTP通信 接続先のURLへ情報を送信し、結果を保存する - @IT java.net.URL HttpURLConnection URLのインスタンスを作成。ここで接続先を指定する。 URLのインスタンスのopenConnectionで接続HttpURLConnectionを作成 パラメータはOutputStreamで出力するJavaによるHTTPリクエスト時のパラメータの渡し方 getResponceMessage()でレスポンスのボディを受け取る disconnect()で通信終了 URL url = new URL(strURL); HttpURLConnection con = (HttpURLConnection)url.openConnection(); connection.setDoOutput(true); connection.setUseCashes(false); connection.setRequestMethod("POST"); // 通信方法にPOSTを指定 // パラメータ送信 OutputStream os = uc.getOutputStream(); // POST用のOutputStreamを取得 PrintStream ps = new PrintStream(os); String postStr = "a=1 b=2 c=3"; ps.print(postStr);// データをPOSTする ps.close(); // 受信 InputStream is = uc.getInputStream(); // POSTした結果を取得 BufferedReader reader = new BufferedReader(new InputStreamReader(is)); String s; while ((s = reader.readLine()) != null) { System.out.println(s); reader.close(); uc.disconnect(); } 文字化けが起きた しばらく何事もなかったのに、Toodledoで新しいタスクを作成する処理を行っているときに、iPhone経由でのタスク登録にて文字化けが発生。(iPhone以外では、日本語のタスクを作成しなかった、とかではないと思うが。。。) アラートで表示 OK サーバでの受取での表示 OK Toodledo での受取 NG なので、servlet→toodledoの送信でだめ?っぽい。 文字コードをセットできる場所として PrintStream 生成時に UTF-8 を追加 [[PrintStream(java.io.OutputStream, boolean, java.lang.String) https //docs.oracle.com/javase/jp/6/api/java/io/PrintStream.html#PrintStream(java.io.OutputStream, boolean, java.lang.String)]] で、正常動作(文字化け回避)になった。 パラメータの出力 パラメータはOutputStreamで出力する (HttpURLConnection).getOutputStream でもOutputStreamはバイト文字列で表記とか、使いづらい。 当初、PrintWriterクラスを使っていたが、日本語を使う必要が出た際に、文字化けで詰まったので、 OutputStreamWriterクラスを使うようにした。 OutputStreamWriter osw = new OutputStreamWriter(connection.gerOutputStream(),"UTF-8"); osw.write(str); osw.close(); OutputStreamWriter PrintWriterを使うのが便利。 JavaによるHTTPリクエスト時のパラメータの渡し方 レスポンスの「確認」 System.err.println(httpcon.getResponseCode()) // 戻り値はint System.err.println(httpcon.getResponseMessage()) getResponseCode() getResponseMessage() HTTPステータスコード - Wikipedia basic 認証 http //x68000.q-e-d.net/~68user/net/java-http-url-connection-2.html https //developer.android.com/reference/android/util/Base64.html http //www.programing-style.com/android/android-api/android-basic-authentication/ 正式な?方法があるらしいが、代替的な方法で、client_id と client_secret をパラメータとして渡す方法もあるらしい。
https://w.atwiki.jp/tmlibjs/pages/17.html
2014/07/10更新 公式、準公式 公式HP チュートリアルページはしんでるぴよ。 公式Docs 最新の名前空間なので、古いソース見てるとわかりづらいぴよ。クラス名で検索ぴよ。Ajax検索なので便利ぴよ。 公式Usage 公式Example 公式ブログ サンプル多数ぴよ。最終更新2013。サンプルが0.1.xどまりぴよ。 公式jsdo.it サンプル多数ぴよ。検索性悪いけど、0.3.xのサンプルもあるぴよ。 おそらく公式Git Git上の実体(最新 2014/07/10時点で0.3.0) 直リンはほどほどにするぴよ。 http //phi-jp.github.io/tmlib.js/build/tmlib.js Git上の実体(0.2.0) 直リンはほどほどにするぴよ。 http //rawgit.com/phi-jp/tmlib.js/0.2.0/build/tmlib.js おそらく公式実験場canvasapp canvaselement label animationsprite mapsprite example benchmark 最新サンプルが手に入るぴよ。 レアなMapSpriteのサンプルもあるぴよ。 HTMLソースを辿らないと見えないので貼っとくぴよ。 勝手 tmlib備忘録 大きく仕様変更された0.2.xについて基本をまとめてる。まずここを読むと新旧サンプル混在の混乱を避けれるぴよ。 tmlib.js 入門 typeOf 'aki_mana' tmlib.jsの不足機能のハック&拡張方法などがあるぴよ。 TEST CORDING QIITA YFukuyama 0.1.xだけど、CoffeeScriptでtmlib.jsを扱ってるぴよ。 javascriptでゲームを作りたいブログ サンプル 0.3.x phi s フレームアニメーション(frameIndex) - tmlib.js 0.3 http //jsdo.it/phi/4pVs 0.2.x 一定じゃないフレーム数や、フレーム順番変更などの、拡張アニメーション。おっぱいぴよ。 http //blz.x0.com/lab/tmlib/02.html 逃走ゲーム(仮)Level5-4 巡回する敵を実装する http //jsdo.it/kneesockscollector/escape17 0.1.x 04 「画像を表示してアニメーションさせてみよう(スプライトアニメーション)」 – tmlib.js入門用チュートリアル!避けゲーを作ってみよう。サンプルが古いぴよ? http //testcording.com/?p=1614 マップチップ表示 + スプライトアニメーション - tmlib.js 擬似パッドも。 http //jsdo.it/omatoro/sVun メモ 「tmlib.js download」でぐぐると入門サイトが多数出てくるぴよ。
https://w.atwiki.jp/araiguma/pages/53.html
frame error html head title CyberLibrarianトップページ /title /head frameset rows="30%,*" frame src="welcome.html" frame src="greeting.html" /frameset /html のように書くのだが、 body /body タグを書いてしまうと表示されない。
https://w.atwiki.jp/sevenlives/pages/31.html
HTML 読み:えいちてぃーえむえる 英語:HyperText Markup Language 別名: 意味: HTMLとはwebページを記述するためのマークアップ言語?のこと。 元々はハイパーテキスト?を解釈するためのものであったが現在ではページの見栄えなど人間にとって見やすくするための言語として発展している。 webブラウザはHTMLを解釈させwebページを整形された姿で閲覧することが出来る。 SGMLから派生したマークアップ言語だがインターネットの爆発的な広がりによりHTMLは独自の発展をとげる。 人間にとって優しく発展したためかwebブラウザによるHTMLの解釈はかなり柔軟で、いい加減な文書もなんとか表示してしまったためとその簡単な記述方法からインターネットの爆発的な広がりを後押しした。 現在のバージョンは4.01だがW3Cはweb標準に立ち返って厳密な記述を要求するXML準拠のXHTMLに移行させていくつもりのようだ。 HTML 4.0/4.01の文書型は 「Strict?」「Transitional?」「Frameset?」の3つがある。 2018年07月14日 Webブラウザ マークアップ マークアップ言語? ハイパーリンク 【link】 ハイパーテキスト? 文書型宣言 DTD 内容モデル 要素【element】? 属性【attribute】? 文字参照 SGML HTML 4.01 HTML5 XHTML XML SVG SMIL HTML WG? CSS Microformats クリッカブルマップ パラグラフ ダイナミックドキュメントクライアントプル サーバープッシュ? BBコード? テキストエディタ HTMLパーサ 文書型?Strict? Transitional? Frameset? ■ タグ script要素 htmlhead?meta title? body?h(1~6)? p? 空要素?br? a【アンカー要素】?フラグメント リスト要素ul?li? ol? dl?dt? dd? ブロックレベル要素 インライン要素 form【フォーム】input?text? radio? checkbox? submit? button? textarea? select?option? enctype?application/x-www-form-urlencoded? multipart/form-data htmlプラグインエラー このプラグインを使うにはこのページの編集権限を「管理者のみ」に設定してください。
https://w.atwiki.jp/tanken/pages/64.html
TITLE html - 2008年04月25日 (金) 15時07分52秒 TAG置き場 タグが使えないからコピーボックスに head title /title meta http-equiv="Content-Type" content="text/html; charset=shift_jis" / meta name="keywords" content=",," meta name="description" content="" meta name="robots" content="all" meta http-equiv="content-style-type" content="text/css" div style="font-size xx-small" div style="padding 2px;border-style none double double double;border-color #900000;border-width 1px;background-color #900000;color #006000;" div style="padding 2px;border-style none double none double;border-color #900000 #999900;border-width 10px;background-color #808000;width 220;" welcome /div /div div style="padding 2px;border-style double double none double;border-color #3030c0;border-width 1px;background-color #E0FFE0;width 290;" img src="" alt="" / br / /div div align="center" ◆ html? html/object
https://w.atwiki.jp/testlink/pages/50.html
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""DTD/xhtml1-transitional.dtd" !-- Japanese Translated by Testing Engineer s Forum (TEF) in Japan, Working Group of TestLink Japanese Translation Project -- html xmlns="http //www.w3.org/1999/xhtml" lang="jp" head meta http-equiv="Content-Type" content="text/html; charset=UTF-8" / meta http-equiv="Content-language" content="jp" / meta name="author" content="Martin Havlat" / meta name="copyright" content="GNU" / meta name="robots" content="NOFOLLOW" / title TestLink Instructions /title style media="all" type="text/css" @import "../../{$smarty.const.TL_THEME_CSS_DIR}testlink.css"; /style script type="text/javascript" src="../../javascript/testlink_library.js" /script /head body div class="workBack" h1 テスト仕様の印刷 /h1 h2 目的 /h2 p この機能は各々のテストスイート、またはテストプロジェクト/テスト計画全体のテストケースを印刷できます。 /p h2 やってみましょう! /h2 ol li p すべての参照できるテストケースが該当するテストケース、またはテストスイートをクリックします。 br / /p /li li p ナビゲーションシートの「印刷オプション」テーブルにて印刷データの範囲とフォーマットを設定します。詳しくは span class="help" onclick="javascript open_popup( ./printFilter.html );" ヘルプ /span を参照してください。 /p /li li p ブラウザの印刷機能にてテストケースを印刷します。 br / i 注意 印刷できるのはブラウザの右側のみです。 /i /p /li /ol /div /body /html
https://w.atwiki.jp/rxt_team/pages/4.html
!DOCTYPE HTML HTML HEAD TITLE 30秒 /TITLE /HEAD BODY div style="margin 0 auto;width 500px;" P Press W, A, S, D keys to move /P SECTION style="border-style solid; border-width 2px; width 500px;" CANVAS WIDTH="500" HEIGHT="500" ID="canvas_1" tabindex="0" Canvas tag not supported /CANVAS /SECTION div id = "ptx" x /div div id = "pty" y /div div id = "result" result /div /div SCRIPT var canvas = document.getElementById("canvas_1"); canvas.addEventListener( keydown , doKeyDown, true); canvas.addEventListener( keyup , doKeyUp, true); canvas_context = canvas.getContext("2d"); var seconds = 0; //记数时间 var handle; //事件柄 handle = setInterval("timer()",1000); canvas.focus(); var keybuf = {}; var x = 250.0; var y = 250.0; var bulletList = new Array(60); for (var i=0; i bulletList.length ; i++) { var tempBullet; if((tempBullet=createBullet())!=null ){ bulletList[i] = null; bulletList[i] =tempBullet; } } setInterval("reflash()", 1000 / 60); function reflash() { clearCanvas(); canvas_context.fillStyle = "orange"; //canvas_context.fillRect(x, y, 10, 10); canvas_context.beginPath(); canvas_context.arc(x,y,5,0,2*Math.PI,true); canvas_context.stroke(); canvas_context.fill(); // draw bullet doKeyEvent(); for (var i=0; i bulletList.length ; i++) { bulletList[i].move(); bulletList[i].draw(); } // hit bullet for (var k=0; k bulletList.length ; k++) { //if(Math.abs(x-bulletList[k].bx) 10.0 Math.abs(y-bulletList[k].by) 10.0){ if( Math.sqrt(Math.pow((x-bulletList[k].bx),2)+ Math.pow((y-bulletList[k].by),2)) 10 ) { if(seconds = 10){ alert("you lost" + "\n"+seconds+"\n"+"你弱爆了!!"); }else if (seconds 20 ){ alert("you lost" + "\n"+seconds+"\n"+"再接再厉!!"); }else if (seconds 30 ){ alert("you lost" + "\n"+seconds+"\n"+"你是男人!"); }else if (seconds 40 ){ alert("you lost" + "\n"+seconds+"\n"+"你是男人!"); }else if (seconds 50 ){ alert("you lost" + "\n"+seconds+"\n"+"你是男人!!"); }else if (seconds 60 ){ alert("you lost" + "\n"+seconds+"\n"+"你是男人!!!"); }else if (seconds = 70 ){ alert("you lost" + "\n"+seconds+"\n"+"春哥附体拉!"); } window.location.reload(); //document.getElementById("result").innerHTML = "you failed"; } } // bullet number for (var j=0; j bulletList.length ; j++) { if (bulletList[j].bx 0 || bulletList[j].bx 500 || bulletList[j].by 0 || bulletList[j].by 500) { var tempBullet; if((tempBullet=createBullet()) != null ) { bulletList[j] = null; bulletList[j] = tempBullet; } else{ i--; } } } document.getElementById("ptx").innerHTML = x; document.getElementById("pty").innerHTML = y; } function timer () { seconds ++; } function createBullet(){ var dir = Math.ceil(Math.random()*4); var s_x ; var s_y ; var s_cos ; var s_sin ; if(dir == 1){ s_x = Math.ceil(Math.random()*490); s_y = 0; s_cos = Math.random() * 2.0-1.0; s_sin = Math.sqrt(1-s_cos * s_cos); } else if (dir == 2){ s_x = 0; s_y = Math.ceil(Math.random()*490); s_sin = Math.random() * 2.0-1.0 ; s_cos = Math.sqrt(1-s_sin * s_sin); } else if (dir == 3){ s_x = Math.ceil(Math.random()*490) ; s_y = 490; s_cos = Math.random() * 2.0-1.0; s_sin = -Math.sqrt(1-s_cos * s_cos); } else if (dir == 4){ s_x = 490; s_y = Math.ceil(Math.random()*490); s_sin = Math.random() * 2.0-1.0 ; s_cos = -Math.sqrt(1-s_sin * s_sin); } else if (dir ==0 ){ return null; } return new bullet(s_x,s_y,s_cos,s_sin); } function doKeyUp(e) { var evt = e || window.event; keybuf[evt.keyCode] = false; //doKeyEvent(); } function doKeyPress(e) { doKeyEvent(); } function doKeyDown(e) { var evt = e || window.event; keybuf[evt.keyCode] = true; //doKeyEvent(); } function doKeyEvent() { var speed = 1.5 ; //THE w KEY if (keybuf[87] == true judge_frontier()) { y = y - speed; if (!judge_frontier()) { y = y + speed; } } //THE s KEY if (keybuf[83] == true judge_frontier()) { y = y + speed; if (!judge_frontier()) { y = y - speed; } } //THE a KEY if (keybuf[65] == true judge_frontier()) { x = x - speed; if (!judge_frontier()) { x = x + speed; } } //THE d KEY if (keybuf[68] == true judge_frontier()) { x = x + speed; if (!judge_frontier()) { x = x - speed; } } } function judge_frontier() { if (x 5 || x 475 || y 5 || y 475) { return false; } else { return true; } } function bullet(startx , starty, cos , sin) { this.bx = startx; this.by = starty; this.speed = 1.0; //this.startx = startx; //this.starty = starty; this.cos = cos; this.sin = sin; this.draw = function() { canvas_context.fillStyle = "brown"; //canvas_context.fillRect(this.bx, this.by, 10, 10); canvas_context.beginPath(); canvas_context.arc(this.bx, this.by,5,0,2*Math.PI,true); canvas_context.stroke(); canvas_context.fill(); } this.move = function() { this.bx = this.bx + this.speed * this.cos; this.by = this.by + this.speed * this.sin; } } function clearCanvas() { canvas.width = canvas.width; } /SCRIPT /BODY /HTML
https://w.atwiki.jp/even_eko/pages/17.html
DOMを非表示 下のコードをタグの中に入れればOK! style="display none; " 例 div style="display none;" /div styleではcssのパラメータを変更できる。displayはcssのコマンドである。 audioタグ htmlファイル !DOCTYPE html html head title html5オーディオプレイヤー /title meta charset="UTF-8" script src="./html5_audio.js" /script /head body div id="audioZone" audio id="audio_8000" preload="auto" controls source src="audio/8000.wav" type="audio/wav" source src="audio/8000.mp3" type="audio/mp3" p ※ご利用のブラウザでは再生することができません。 /p /audio /div div id="musicZone" input id="startMusic" type="image" src="./img/q_pc_transmit_on.png" width="127px" height="58px" onclick="audioPlay(8000)"/ /div /body /html jsファイル function audioPlay(num) { var string = "audio/" + num + ".mp3"; var audio = new Audio(string); audio.play(); console.log(string); } これなら、Android2.2であるIS11Tでも動作した。 jsファイルにjQueryを使ったり、下のスクリプトを使ったりすると動作しなかった。 document.getElementById("audio_8000").play();